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file info.html 

<HTML> 

<INC SRC=bbody.html> 
<centerxfont size=l>Inf ormation 
Services</f ontxbrx/ center > 
<FORM ACTION=phone : indir> 
<SELECT SIZE=3 NAME=url SIMPLE> 
<OPTION 

VALUE=http : //svcs/traf f ic . html>Traf f ic 

Watch</OPTION> 

<OPTION 

VALUE=http : //svcs/billing . html>Billing 

Inquiries</OPTION> 

<OPTION 

VALUE=http : //svcs/portf olio . html>Stock 
Portfolio</OPTION> 

<OPTION VALUE=http: //svcs/weather .html>Local 

Weather</OPTION> 

</SELECT> 

<INPUT TYPE=submit KEY=send> 
</FORM> 

<INC SRC=endbbody .html> 
</HTML> 
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Traffic Watch 

Billing Inquiries 

Stock Portfolio 



A. 



file bbody.html: 

<! Specifies a body surrounded by a 
border with the operator logo at the 
top. The including file can add a 
subcaption immediately below, but left 
and right margin are set so text will 
not impinge on the border > 
<BODY BACKGROUND=sq-back.gif 
BGPROPERTIES=f ixed> 
<BLOCKQUOTE> 
<BR> 

<INC SRC= stdlogo.html> 
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file endbbody . html : 

< ! Closes the tags that were opened by 

bbody.html> 

</ BLOCKQUOTE > 

</B0DY> 



file stdlogo.html : 

< ! Provides the operator logo with the text 
flow set to receive a subcaption for the . 
logo > 

<IMG SRC=l-airtel .gif > 
<BR> 
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LINE 
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INTERFACE GADGET 
THE CURRENT 
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_ I TTTT1 7\ r~\ _ 

< / HEAD > 




<r3UJJi > 




Finally, your credit card info: 




< FORM METHOD=GET 




ACTION="nttp : / / SKisnop/ cgi -Din/ conrirm" > 




< INPUT TYPE=niaaen NAME=name 




VALUE=" George Will" > 




_ T "NT TTT Tm rpTT "TT T71 T— J J J _ „ T\T TV 1VATTI ~ J— _ _ J— T T TV T T TTT 1 // <") 

< INPUT TYPE=niaaen NAME=street VALUE = 2 




Anywnere > 




^ TXTTlTTTi fPVnD -i* J -J ^ "NT 7\ A ATT 1 — J i- - r 

< INPUT TYPE=niaaen name=ci ty 




VALUE= Maaison > 




TlTFiT Tm ITITfnF 1 1~ J J J — ^ ~— TVT7V IV AT"' — _ i_ _ i_ — ^ T 77V T T TTTI // TJT // - 

<INPUT TYPE=niaaen NAME=state VALUE =WI> 




_ -r T\TT»T T~P rnVTITI 1_ J J J — . — TAT Tv ta/TTT 1 _ -.' — 

< INPUT TYPE=niaaen NAME=zip 




VALUE= 53 705 > 




Credit Card:<br> 




< INPUT TYPE=RADIO NAME=caratype 




T T TV T T TT~I _ _ J TTT07\ 

VALUE = vi sa> VISA 




< INPUT TYPE-RADIO NAME = carat ype 




VALUE =mc >MasterCard 




. t XT"RT TT 1 "TV" TIT™ 1 T") 7V T\ T /^V. "NT 7\ TV ATT 1 y.Jt-, ^ 

< INPUT type=radio NAMh=caratype 




vAjjUrj=arnex>-tt.iner ican rjxprcSS<Dr> 




Mnmhor • ^ T TvT D TTT TVPPP — TT7YT 1ST 2\ MTT — rn i imhpr ^ 




<infui KEx=sena i xFrij=suDrniu name=Duy 




vaiue= Keview > 




< / r UrCl v l > 




tf- /RnnY-> 




^ /tjTMT.s 
</ni i v i j_i > 




flFT VihhTi' / / c?k"i c* Vi csir\ I r*cr i - 
on ± 11L. up • / / ^ A.J. Diiup / y x 




bin/credit ?name=George+Will&street =2 +Anyw 




here&city=Madison&state=WI&zip=53 7 05&card 




type=visa&cnumber=7 73 222 2 1566610.00 






Insert credit card 




parameters into template 




maintained on the server, 




and upload to client. 



FIG. 17b. 1 

PRIOR ART 



AFPBOVED 



O.G. FIG. 



GLASS [SUBCLASS 





DRAFTSMAN 



Client 



Server 



<HTML> 
<HEAD> 

<TITLE>Conf irm Order</TITLE> 

</HEAD> 

<BODY> 

<DL> 

<DT>Name : </DTxDDxb>George Will</bx/DD> 
<DT>Address : </DTxDDxb>2 Anywhere, 
Madison, WI, 53705</bx/DD> 
<DT>Credit Card : </DTxDDxb>VISA<br> 
7732222 156661000</bx/DD> 
</DL> 

<FORM METHOD=POST 

ACTION="http : //skishop/cgi -bin/purchase" > 
< INPUT TYPE=hidden NAME=name 
VALUE=" George Will"> 

< INPUT TYPE=hidden NAME=street VALUE="2 
Anywhere" > 

< INPUT TYPE=hidden NAME=city 
VALUE=" Madison" > 

<INPUT TYPE=hidden NAME=state VALUE="WI"> 
<INPUT TYPE=hidden NAME=zip 
VALUE=" 53705" > 

< INPUT TYPE=hidden NAME=cardtype 
VALUE="visa">, 

< INPUT TYPE=hidden NAME=cnumber 

VALUE=" 7732222156661000" > 

< INPUT KEY=1 TYPE = submit name=buy 

value =" Buy ! " > 

</FORM> 

</BODY> 

</HTML> 

POST http: //skishop/cgi- 

bin/purchase?name=George+Will&street=2+An 
ywhere&city=Madison&state=WI&zip=53 705&ca 
rdtype=visa&cnumber=7732222 1566610 00 



Process transaction with 
all parameters. 
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